<template>
  <section class="oa-form__table">
    <h5>{{approve.name}}</h5>
    <table cellpadding="0" cellspacing="0">
      <tr v-if="$route.query.from != 'new'">
        <td>事务编号</td>
        <td>
          {{ approve.name }}
          <span v-if="approve && approve.code">{{ approve.code }}</span>
        </td>
      </tr>
      <tr>
        <td>流程名称</td>
        <td>
          <span v-if="$route.query.from == 'new'">
            新建{{approve.name}}
          </span>
          <span v-else>
            {{approve.approve_name}}
          </span>
        </td>
      </tr>
      <tr>
        <td>申请事由</td>
        <td :title="reason"><el-input placeholder="申请事由" type="textarea" v-model="reason" :disabled="$route.query.from != 'new'"/></td>
      </tr>
    </table>
    <h3 class="oa-form__table-title">
      <span v-if="$route.query.from === 'new'">{{ approve.name }}</span>
      <span v-else>
        {{ approve.approve_name }}
      </span>
    </h3>
    <table  class="achievement__tab">
      <tr class="border_0">
        <td>考核周期:</td>
        <td>
          <el-date-picker
            value-format="yyyy-MM-dd"
            type="date"
            v-model="applyTime"
            :disabled="$route.query.from !== 'new'"
            placeholder="考核周期">
          </el-date-picker>
        </td>
        <td>部门:</td>
        <td>
          <el-select v-model="department" :disabled="$route.query.from != 'new'" placeholder="请选择">
            <el-option
              v-for="item in departments"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </td>
        <td>姓名:</td>
        <td>
          <el-select v-model="value" style="width:60%" :disabled="$route.query.from != 'new'" placeholder="请选择"  @change="selectStaff($event)">
            <el-option
              v-for="item in staff"
              :key="item.value"
              :label="item.label"
              :value="item">
            </el-option>
          </el-select>
        </td>
        <!-- <td>岗位:</td> -->
        <td>岗位:<span style="display:inline-block;width:100px;padding-left:10px;"><el-input v-model="gangwei" :disabled="$route.query.from !== 'new'" placeholder="岗位"/></span></td>
      </tr>
      <tr>
        <td width="180">考核指标</td>
        <td width="150">指标定义</td>
        <td>权重</td>
        <td width="400">评分说明 </td>
        <td>数据</td>
        <td>自评</td>
        <td>评估</td>
        <!-- <td rowspan="2">扣分事项说明</td> -->
      </tr>
      <!-- <tr>
        <td> 来源 </td>
        <td>得分</td>
      </tr> -->
      <tr>
        <td rowspan="3">采购</td>
        <td>采购 </td>
        <td>2%</td>
        <td>工程物料采购，做好价格对比以及质量审核，在需求规定时间内完成性价比最优
        采购（<span class="c_red">未在规定时间内完成采购扣2分；</span>) </td>
        <td>财务部</td>
        <td><el-input v-model="obj.a753" :disabled="obj.a753Flag"/></td>
        <td><el-input v-model="obj.a771" :disabled="obj.a771Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>媒体灯箱保险购买对接、 维修 </td>
        <td>2%</td>
        <td>发现灯箱破损当天报警并安排维修保障破损牌子及时恢复投入使用（<span class="c_red">未在发现当天完成报警出险对接扣2分；破损牌子未在2天内完成维修恢复使用扣2分</span>) </td>
        <td rowspan="2">人事部 </td>
        <td><el-input v-model="obj.a754" :disabled="obj.a754Flag"/></td>
        <td><el-input v-model="obj.a772" :disabled="obj.a772Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>安全、工人保险</td>
        <td>2%</td>
        <td>是否及时配合完成工人保险的更换，保证当月无安全事故（<span class="c_red">当月有出现人员事故 一次扣2分；未及时配合完成工人保险的更换扣2分</span>） </td>
        <td><el-input v-model="obj.a755" :disabled="obj.a755Flag"/></td>
        <td><el-input v-model="obj.a773" :disabled="obj.a773Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td rowspan="8">部门管理</td>
        <td rowspan="3">工程验收、巡查、应急
          路名牌保洁/上画情况/拍照    </td>
        <td>5%</td>
        <td>配合其它验收人员严格按照验收流程对工程进行验收（<span class="c_red">未在规定时间内完成接电 及牌子改造验收扣2分</span>调度部做好对接安排白天夜间巡查人员</td>
        <td rowspan="8">调度部 </td>
        <td><el-input v-model="obj.a756" :disabled="obj.a756Flag"/></td>
        <td><el-input v-model="obj.a774" :disabled="obj.a774Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>5%</td>
        <td>做好对接安排白天夜间巡查人员工作并做好记录，每月完成座巡查并形成报告；同时要及时安排问题点的处理；每月完成巡查所有点位2遍（<span class="c_red">每月未及时上报巡查记录扣2分；发现问题未在2内天处理完毕扣3分</span>） </td>
        <td><el-input v-model="obj.a757" :disabled="obj.a757Flag"/></td>
        <td><el-input v-model="obj.a775" :disabled="obj.a775Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>5%</td>
        <td>接到投诉必须马上回应，并安排人员2小时内到达现场勘查，确认问题（<span class="c_red">未在2小时内达到现场勘查一次扣2分</span>） </td>
        <td><el-input v-model="obj.a758" :disabled="obj.a758Flag"/></td>
        <td><el-input v-model="obj.a776" :disabled="obj.a776Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td rowspan="3">灯箱工程</td>
        <td>10%</td>
        <td>监督管理工人保洁工作，接到客服派单，安排24小时内完成上画情况，并按客户要求拍好照片，发至设计部（<span class="c_red">上错画一次扣3分，掉画一次2分，不整洁一次1分</span>）</td>
        <td><el-input v-model="obj.a759" :disabled="obj.a759Flag"/></td>
        <td><el-input v-model="obj.a777" :disabled="obj.a777Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>5%</td>
        <td>灯箱恢复、接电、改造等工程5个工作日内完成（<span class="c_red">15座以内</span>）（<span class="c_red">超时未完成扣2分</span>） </td>
        <td><el-input v-model="obj.a760" :disabled="obj.a760Flag"/></td>
        <td><el-input v-model="obj.a778" :disabled="obj.a778Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>5%</td>
        <td>保证岛内外媒体亮灯达到可亮灯媒体总数的90%（<span class="c_red">保证以后每月亮灯率90%，未完成每月扣3分</span>） </td>
        <td>
          <el-input v-model="obj.a761" :disabled="obj.a761Flag"/>
        </td>
        <td><el-input v-model="obj.a779" :disabled="obj.a779Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>工程问题处理</td>
        <td>4%</td>
        <td>每月接到客户投诉不得超过5次（<span class="c_red">超过1次扣2分</span>） </td>
        <td><el-input v-model="obj.a762" :disabled="obj.a762Flag"/></td>
        <td><el-input v-model="obj.a780" :disabled="obj.a780Flag"/></td>
      </tr>
      <tr>
        <td>部门工作管理</td>
        <td>5%</td>
        <td>
        监督、考核工程部上画、保洁、巡亭、培训等部门管理工作</td>
        <td><el-input v-model="obj.a763" :disabled="obj.a763Flag"/></td>
        <td><el-input v-model="obj.a781" :disabled="obj.a781Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>外联 </td>
        <td>政府职能部门对接</td>
        <td>15%</td>
        <td>公交场站：管理费、电费核对、缴交、集美线路表事宜、移牌立牌对接、来往函件书写。每周拜访一次，及时了解与公司有关的政策信息，市民投诉处理及一些 其他维修事宜对接。未及时完成以上事项，每次扣3分，对账出错扣5分。</td>
        <td rowspan="4">自评</td>
        <td><el-input v-model="obj.a764" :disabled="obj.a764Flag"/></td>
        <td><el-input v-model="obj.a782" :disabled="obj.a782Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>15%</td>
        <td>民政局：每周拜访一次及时了解与公司有关的政策信息，对接政府时时相关政策；配合路名牌迁移拆除续约工作；少一次扣3分。 </td>
        <td><el-input v-model="obj.a765" :disabled="obj.a765Flag"/></td>
        <td><el-input v-model="obj.a783" :disabled="obj.a783Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>5%</td>
        <td>邮轮中心：电费对账缴交；上下画拍照对接，出错一次扣2分 </td>
        <td><el-input v-model="obj.a766" :disabled="obj.a766Flag"/></td>
        <td><el-input v-model="obj.a784" :disabled="obj.a784Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>5%</td>
        <td>漳州高速：管理费核对缴交，上下画拍照安排对接，日常关系维护，来往函件书写。及时了解与公司有关的政策信息，未及时处理，一次扣2分 </td>
        <td><el-input v-model="obj.a767" :disabled="obj.a767Flag"/></td>
        <td><el-input v-model="obj.a785" :disabled="obj.a785Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>公司制度执行 </td>
        <td>遵守公司规章制度</td>
        <td>10%</td>
        <td>对公司制度及公司文化的理解和执行（<span class="c_red">包括根据公司整体规划制定个人业务计划，合理安排个人各项工作时间，遵守公司各项制度等</span>） </td>
        <td>督导 </td>
        <td><el-input v-model="obj.a768" :disabled="obj.a768Flag"/></td>
        <td><el-input v-model="obj.a786" :disabled="obj.a786Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td rowspan="2">其他事项</td>
        <td>增量工作内容</td>
        <td>&nbsp;</td>
        <td>超出岗位职责范围、领导交办较为繁杂的事务、工作表现卓越等 </td>
        <td rowspan="2">总经理</td>
        <td><el-input v-model="obj.a769" :disabled="obj.a769Flag"/></td>
        <td><el-input v-model="obj.a787" :disabled="obj.a787Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td>对公司的建议 </td>
        <td>&nbsp;</td>
        <td>对市场拓展、业务销售、内部管理等建设性意见 </td>
        <td><el-input v-model="obj.a770" :disabled="obj.a770Flag"/></td>
        <td><el-input v-model="obj.a788" :disabled="obj.a788Flag"/></td>
        <!-- <td>&nbsp;</td> -->
      </tr>
      <tr>
        <td colspan="5"></td>
        <td>自评:{{myScore}}</td>
        <td>综合考核率:{{otherScore}}</td>
      </tr>
    </table>
    <history :process="process"></history>
    <files></files>
  </section>
</template>
<script>
import mixin from '@/mixins/index.js'
import history from '../service/components/process'
import files from '../service/components/files'
import { sum } from '@/utils/domUtils.js'
// import { save, info, getAutoKey } from '@/api/oa/index.js'
const obj = {}
for (let i = 752; i <= 788; i++) {
  obj[`a${i}`] = ''
  obj[`a${i}Flag`] = true
}
export default {
  mixins: [mixin],
  data () {
    return {
      reason: '',
      truename: '',
      department: '',
      flag: false,
      value: '',
      obj: JSON.parse(JSON.stringify(obj)),
      applyTime: '',
      gangwei: '',
      file_paths: [],
      file_names: [],
      field_ids: [],
      field_vals: [],
      autoField: []
    }
  },
  components: { history, files },
  created () {
    console.log(this.obj)
  },
  props: ['curDepartment', 'userInfo', 'approve', 'staff', 'addDofield', 'departments', 'process'],
  computed: {
    uploadArr () {
      return this.$store.state.uploadArr
    },
    myScore () {
      const result = []
      for (let i = 753; i <= 770; i++) {
        if (this.obj[`a${i}`]) {
          result.push(this.obj[`a${i}`])
        }
      }
      return sum(result)
    },
    otherScore () {
      const result = []
      for (let i = 771; i <= 788; i++) {
        if (this.obj[`a${i}`]) {
          result.push(this.obj[`a${i}`])
        }
      }
      return sum(result)
    }
  },
  watch: {
    addDofield () {
      this.addDofieldRender()
    }
  },
  mounted () {
    this.$nextTick(() => {
      this.obj = JSON.parse(JSON.stringify(obj))
      if (this.$route.query.from === 'new') {
        this.disabled = true
      } else {
        this.infoFunc()
      }
    })
  },
  methods: {
  }
}
</script>
